import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import World from '@/components/World'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello  
    },
    {
      path: '/world',
      name: 'world',
      component: World  
    },
    {
      path: '/home',
      name: 'home',
      component: require('@/components/admin/Home.vue')
    },
    {
      path: '/typography',
      name: 'typography',
      component: require('@/components/admin/Typography.vue')
    },
    {
      name: "hidden-sidebar",
      path: "/hidden-sidebar",
      component: require('@/components/admin/HiddenSidebar.vue')
    },
    {
      name: "boxed-layout",
      path: "/boxed-layout",
      component: require('@/components/admin/BoxedLayout.vue')
    },
    {
      name: "hidden-sidebar-boxed-layout",
      path: "/hidden-sidebar-boxed-layout",
      component: require('@/components/admin/BoxedLayoutwithHiddenSidebar.vue')
    },
    {
      name: "top-navigation",
      path: "/top-navigation",
      component: require('@/components/admin/TopNavigation.vue')
    },
    {
      name: "typography",
      path: "/typography",
      component: require('@/components/admin/Typography.vue')
    },
    {
      name: "widgets",
      path: "/widgets",
      component: require('@/components/admin/Widgets.vue')
    },
    {
      name: "html-table",
      path: "/html-table",
      component: require('@/components/admin/HTMLTable.vue')
    },
    {
      name: "data-table",
      path: "/data-table",
      component: require('@/components/admin/DataTable.vue')
    },
    {
      name: "form-elements",
      path: "/form-elements",
      component: require('@/components/admin/BasicFormElements.vue')
    },
    {
      name: "form-components",
      path: "/form-components",
      component: require('@/components/admin/FormComponents.vue')
    },
    {
      name: "form-validation",
      path: "/form-validation",
      component: require('@/components/admin/FormValidation.vue')
    },
    {
      name: "interface-colors",
      path: "/colors",
      component: require('@/components/admin/Colors.vue')
    },
    {
      name: "css-animations",
      path: "/css-animations",
      component: require('@/components/admin/CSSAnimations.vue')
    },
    {
      name: "buttons",
      path: "/buttons",
      component: require('@/components/admin/Buttons.vue')
    },
    {
      name: "icons",
      path: "/icons",
      component: require('@/components/admin/Icons.vue')
    },
    {
      name: "listview",
      path: "/listview",
      component: require('@/components/admin/Listview.vue')
    },
    {
      name: "toolbars",
      path: "/toolbars",
      component: require('@/components/admin/Toolbars.vue')
    },
    {
      name: "cards",
      path: "/cards",
      component: require('@/components/admin/Cards.vue')
    },
    {
      name: "alerts",
      path: "/alerts",
      component: require('@/components/admin/Alerts.vue')
    },
    {
      name: "badges",
      path: "/badges",
      component: require('@/components/admin/Badges.vue')
    },
    {
      name: "breadcrumbs",
      path: "/breadcrumbs",
      component: require('@/components/admin/Bredcrumbs.vue')
    },
    {
      name: "jumbotron",
      path: "/jumbotron",
      component: require('@/components/admin/Jumbotron.vue')
    },
    {
      name: "navs",
      path: "/navs",
      component: require('@/components/admin/Navs.vue')
    },
    {
      name: "pagination",
      path: "/pagination",
      component: require('@/components/admin/Pagination.vue')
    },
    {
      name: "progress",
      path: "/progress",
      component: require('@/components/admin/Progress.vue')
    },
    {
      name: "carousel",
      path: "/carousel",
      component: require('@/components/admin/Carousel.vue')
    },
    {
      name: "collapse",
      path: "/collapse",
      component: require('@/components/admin/Collapse.vue')
    },
    {
      name: "dropdowns",
      path: "/dropdowns",
      component: require('@/components/admin/Dropdowns.vue')
    },
    {
      name: "modals",
      path: "/modals",
      component: require('@/components/admin/Modals.vue')
    },
    {
      name: "popover",
      path: "/popover",
      component: require('@/components/admin/Popover.vue')
    },
    {
      name: "tabs",
      path: "/tabs",
      component: require('@/components/admin/Tabs.vue')
    },
    {
      name: "tooltips",
      path: "/tooltips",
      component: require('@/components/admin/Tooltips.vue')
    },
    {
      name: "notifications-alerts",
      path: "/notifications-alerts",
      component: require('@/components/admin/Notifications&Alerts.vue')
    },
    {
      name: "flot-charts",
      path: "/flot-charts",
      component: require('@/components/admin/Flot.vue')
    },
    {
      name: "other-charts",
      path: "/other-charts",
      component: require('@/components/admin/OtherCharts.vue')
    },
    {
      name: "calendar",
      path: "/calendar",
      component: require('@/components/admin/Calendar.vue')
    },
    {
      name: "photo-gallery",
      path: "/photo-gallery",
      component: require('@/components/admin/PhotoGallery.vue')
    },
    {
      name: "profile-about",
      path: "/profile-about",
      component: require('@/components/admin/Profile.vue')
    },
    {
      name: "messages",
      path: "/messages",
      component: require('@/components/admin/Messages.vue')
    },
    {
      name: "contacts",
      path: "/contacts",
      component: require('@/components/admin/Contacts.vue')
    },
    {
      name: "groups",
      path: "/groups",
      component: require('@/components/admin/Groups.vue')
    },
    {
      name: "pricing-tables",
      path: "/pricing-tables",
      component: require('@/components/admin/PricingTables.vue')
    },
    {
      name: "invoice",
      path: "/invoice",
      component: require('@/components/admin/Invoice.vue')
    },
    {
      name: "todo-lists",
      path: "/todo-lists",
      component: require('@/components/admin/TodoLists.vue')
    },
    {
      name: "notes",
      path: "/notes",
      component: require('@/components/admin/Notes.vue')
    },
    {
      name: "login",
      path: "/login",
      component: require('@/components/admin/Login&SignUp.vue')
    },
    {
      name: "lockscreen",
      path: "/lockscreen",
      component: require('@/components/admin/Lockscreen.vue')
    },
    {
      name: "404",
      path: "/404",
      component: require('@/components/admin/404.vue')
    },
    {
      name: "empty",
      path: "/empty",
      component: require('@/components/admin/EmptyPage.vue')
    }
  ]
})
